import {request} from '../../request/index.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabers:[
      {
        id:0,
        name:"综合",
        isActive:true
      },
      {
        id:1,
        name:"销量",
        isActive:false
      },
      {
        id:2,
        name:"优惠",
        isActive:false
      }
    ],
    // 数据列表
    goodsList:[],
    isShow:false
  },
  // 请求需要的参数
  paramsOption:{
    query:"",
    cid:'',
    pagenum:1,
    pagesize:10
  },
   // 总页数
  tatalPages:1,
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.paramsOption.cid = options.cid;
    this.getGoodsList();
  },
  // 请求商品列表搜索
  getGoodsList(){
    request({url:'/goods/search',data:this.paramsOption})
    .then(result=>{
      let res = result.data.message;
      console.log(res);
      // 总页数 = Math.ceil(总条数/页容量)  向上取整
      this.tatalPages= Math.ceil(res.total/this.paramsOption.pagesize);
     
      // this.setData({
      //   goodsList:res.goods
      // })
      // 拼接：
      this.setData({
        goodsList:[...this.data.goodsList,...res.goods]
      })
       // 关闭下拉刷新窗口 如果没有调用下拉刷新的窗口，直接关闭也不会出错 也就是第一次运行的时候
      wx.stopPullDownRefresh();

      // 如果没有数据
      if(!this.data.goodsList.length){
        wx.showToast({
          title:"暂无数据"
        })
        this.setData({
          isShow:true
        })
      }
    })
    .catch(error=>{
      console.log(error)
    })
  },
  // 点击子组件上的taber选项
  handleTaber(e){
    let index =e.detail.index;
    this.data.tabers.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false);
    // 修改完毕后一定 要用 this.setData 再次复赋值
    this.setData({
      tabers:this.data.tabers
    })
  },
  // 页面上滑，滚动条触底事件
  onReachBottom(){
    // 1. 判断还有没有下一页数据 (判断当前页码是否大于等于总页数)
    if(this.paramsOption.pagenum>=this.tatalPages){
      // console.log('%c'+"没有下一页","color:red;font-size:100px;background:yellow"); 
      wx.showToast({ title: '没有下一页数据'});
    }
    else{
      // 先给当前 页数+1 然后在调用下一页数据
      this.paramsOption.pagenum++;
      this.getGoodsList();
    }
  },
  //下拉刷新
  onPullDownRefresh(){
    console.log("下拉刷新");
    // 当前页数 清空为1
    this.paramsOption.pagenum=1;
    // 总页数清空为1
    this.tatalPages=1;
    // 数组列表清空
    this.setData({
      goodsList:[]
    });

    this.getGoodsList();
  }
})